<div class="pub-body">
    <!-- <h1>公司管理</h1> -->
    <!-- 公司列表 -->
    <div class="project">
        <el-button icon="el-icon-plus" class="addBtn" type="primary" @click="dialogCompanyOpen">新增月报</el-button>
        <el-table :data="companyData" border style="width: 100%" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
            <el-table-column prop="id" label="月报名称" ></el-table-column>
            <el-table-column prop="name" label="提交日期" ></el-table-column>
            <el-table-column prop="type" label="项目名称"></el-table-column>
            <!-- <el-table-column prop="classify" label="项目分类"></el-table-column>
            <el-table-column prop="type" label="专项类型" width="200"></el-table-column>
            <el-table-column prop="time" label="创建时间"></el-table-column>
            <el-table-column prop="person" label="创建人"></el-table-column> -->

            <el-table-column fixed="right" label="操作">
                <template slot-scope="scope">
                    <el-button @click="lookTemplateOpen(scope.row)" type="primary" icon="el-icon-tickets" size="small">查看月报详情</el-button>
                    <!-- <el-button @click="updateTemplateOpen(scope.row)" type="warning" icon="el-icon-edit-outline" size="small">修改模板</el-button> -->
                </template>
            </el-table-column>
        </el-table>
    </div>

    <!-- 新增月报弹窗 -->
    <el-dialog width="1000px" :title="dialogCompany.title" :visible.sync="dialogCompany.status">
        <!-- <el-form ref="companyFrom" :rules="companyRules" :model="companyFrom" label-width="160px">
            <el-row>
                <el-col :span="12">
                    <el-form-item prop="companyName" label="模板名称">
                        <el-input style="width: 300px;" placeholder="请输入模板名称" v-model="companyFrom.companyName"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-form-item>
                <el-button type="primary" @click="addCompany('companyFrom')"><span v-text="dialogCompany.title"></span></el-button>
                <el-button @click="resetCompany">重置</el-button>
            </el-form-item>
        </el-form> -->
        <el-form ref="companyFrom" :rules="personalRules" :model="companyFrom" label-width="200px">
            <el-form-item prop="personalID" label="项目名称">
                <el-select style="width: 300px;" v-model="companyFrom.personalID" placeholder="请选择项目">
                    <el-option label="***市政工程" value="1"></el-option>
                    <el-option label="***楼宇建设" value="2"></el-option>
                    <el-option label="***绿化建设" value="3"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item prop="personalTel1" label="上传日期">
                <el-date-picker type="date" placeholder="上传日期" v-model="companyFrom.personalTel1" style="width: 300px"></el-date-picker>
            </el-form-item>
            <el-form-item prop="monthly" label="月报">
                <el-input
                    prop="monthlya"
                    style="width: 450px"
                    type="textarea"
                    :rows="15"
                    placeholder="请输入内容：本月工作总结；存在问题；下月工作计划等"
                    value="请输入内容：本月工作总结；存在问题；下月工作计划等"
                    v-model="textarea">
                </el-input>
            </el-form-item>
            <el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="addCompany('companyFrom')"><span v-text="dialogCompany.title"></span></el-button>
                    <el-button @click="resetCompany">重置</el-button>
                </el-form-item>
            </el-form-item>
        </el-form>
    </el-dialog>

    <!-- 查看模板弹窗 -->
    <el-dialog width="1000px" :title="looktemplate.title" :visible.sync="looktemplate.status">
        <el-table :data="lookdata" border style="width: 100%" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
            <el-table-column prop="id" label="月报编号" width="200"></el-table-column>
            <el-table-column prop="name" label="月报名称" width="200"></el-table-column>
            <el-table-column prop="time" label="提交时间"></el-table-column>
            <el-table-column prop="task" label="具体内容"></el-table-column>
        </el-table>
    </el-dialog>


</div>
